<html ng-app='expanderModule'>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <script src="../angular-1.0.3/angular.min.js"></script>
        <link rel="stylesheet" type="text/css" href="ExpanderSimple.css"/>
        <style>
            .expander {
                border: 1px solid black;
                width: 250px;
            }

            .expander>.title {
                background-color: black;
                color: white;
                padding: .1em .3em;
                cursor: pointer;
            }

            .expander>.body {
                padding: .1em .3em;
            }
        </style>
    </head>
    <body ng-controller='SomeController' >
    <accordion>
        <expander class='expander' ng-repeat='expander in expanders' expander-title='expander.title'>
            {{expander.text}}
        </expander>
    </accordion>
    </body>

    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
    <script src="test.js"></script>
</html>


